import * as echart from "echarts";
const LineXse = () => {
  const mychart = echart.init(document.getElementById("echarts3"));

  const option = {
    // title: {
    //   text: "Stacked Line",
    // },

    tooltip: {
      trigger: "axis",
    },
    legend: {
      data: ["订单数", "销售额"],
      textStyle: {
        color: "#fff",
      },
      top: 10,
    },
    grid: {
      left: "3%",
      right: "10%",
      bottom: "5%",
      containLabel: true,
    },
    // toolbox: {
    //   feature: {
    //     saveAsImage: {},
    //   },
    // },
    xAxis: {
      type: "category",
      boundaryGap: false,
      data: ["2022年8月", "2023年1月", "2023年8月"],
    },
    yAxis: {
      type: "value",
    },

    series: [
      {
        lineStyle: {
          color: "yellow",
        },
        name: "订单数",
        type: "line",
        stack: "Total",
        data: [120, 132, 101],
      },

      {
        lineStyle: { color: "red" },
        // smooth:0.5,
        name: "销售额",
        type: "line",
        stack: "Total",
        data: [820, 932, 901],
      },
    ],
  };
  mychart.setOption(option);
  window.addEventListener("resize", function () {
    mychart.resize();
  });
};

export default LineXse;
